<div class="sidebar_detail">
	<div class="tab-header">
		<div class="title">
			<i class="fa fa-home"></i>支付
		</div>
		<div class="tool">
			<button type="button" class="btn btn-default"
				ng-click="paySupport.save()" ng-disabled="payOrderSaveForm.$invalid">
				<i class="fa fa-outdent"></i>保存
			</button>
		</div>
	</div>
	<!-- Nav tabs -->
	<ul class="nav nav-tabs" role="tablist" style="clear: both">
		<li class="active"><a data-target="#payOrderInfo" role="tab" data-toggle="tab">基本信息</a></li>
	</ul>
	<!-- Tab panels -->
	<div class="tab-content">
		<div class="tab-pane active" id="payOrderInfo">
			<div class="base">
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">订单号:</label>
							<div class="col-md-8 col-sm-10"
								style="padding-top: 7px; text-align: left">{{
								paySupport.entity.id}}</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">车辆类型: </label>
							<div class="col-md-8 col-sm-10"
								 style="padding-top: 7px; text-align: left">{{
								paySupport.entity.carTypeName}}</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">数量: </label>
							<div class="col-md-8 col-sm-10"
								 style="padding-top: 7px; text-align: left">{{
								paySupport.entity.carNumber}}</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">用车日期: </label>
							<div class="col-md-8 col-sm-10"
								style="padding-top: 7px; text-align: left">{{
								paySupport.entity.useDate}}</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">还车日期: </label>
							<div class="col-md-8 col-sm-10"
								style="padding-top: 7px; text-align: left">{{
								paySupport.entity.returnDate}}</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">出发地址: </label>
							<div class="col-md-8 col-sm-10"
								 style="padding-top: 7px; text-align: left">{{
								paySupport.entity.startAddress}}</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">目的地址: </label>
							<div class="col-md-8 col-sm-10"
								 style="padding-top: 7px; text-align: left">{{
								paySupport.entity.endAddress}}</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">总金额: </label>
							<div class="col-md-8 col-sm-10"
								style="padding-top: 7px; text-align: left">{{
								paySupport.entity.totalCost}}</div>
						</div>
					</div>
					<div class="col-md-6 form-horizontal">
						<div class="form-group">
							<label class="col-md-4 col-sm-2 control-label">已付金额: </label>
							<div class="col-md-8 col-sm-10"
								style="padding-top: 7px; text-align: left">{{
								paySupport.entity.returnPay}}</div>
						</div>
					</div>
				</div>
			</div>
			<div class="payinfo">
				<form id="payOrderSaveForm" name="payOrderSaveForm" novalidate>
					<input name="pays" name="pays" type="hidden" class="form-control" ng-model="paySupport.cache.isOk" required>
				</form>
				<form id="payOrderForm" name="payOrderForm" novalidate>
					<div class="row">
						<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
									class="notNull">*</span>支付类型:
								</label>
								<div class="col-md-8 col-sm-10">
									<input id="paymentTypeName" name="paymentTypeName" type="text"
										class="form-control"> <input name="paymentType"
										name="paymentType" type="hidden" class="form-control"
										ng-model="paySupport.bind.paymentType" required> <span
										class="glyphicon glyphicon-ok form-control-feedback"
										ng-show="payOrderForm.paymentType.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
									class="notNull">*</span>支付金额:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="number" min="0" class="form-control" name="payMoney"
										ng-model="paySupport.bind.payMoney" required> <span
										class="glyphicon glyphicon-ok form-control-feedback"
										ng-show="payOrderForm.payMoney.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6 form-horizontal" style="margin-left: -26px;">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
									class="notNull">*</span>支付人:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="text" class="form-control" name="payUser"
										ng-model="paySupport.bind.payUser" ng-maxlength="32"
										required> <span
										class="glyphicon glyphicon-ok form-control-feedback"
										ng-show="payOrderForm.payUser.$valid"></span>
								</div>
							</div>
						</div>
						<div class="col-md-6 form-horizontal">
							<div class="form-group">
								<label class="col-md-4 col-sm-2 control-label"> <span
									class="notNull">*</span>流水号:
								</label>
								<div class="col-md-8 col-sm-10">
									<input type="text" class="form-control" name="platformNumber"
										ng-model="paySupport.bind.platformNumber" required> <span
										class="glyphicon glyphicon-ok form-control-feedback"
										ng-show="payOrderForm.platformNumber.$valid"></span>
								</div>
							</div>
						</div>
					</div>
					<!-- <div class="row">
						<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
							<div class="form-group">
								<label class="col-sm-2 control-label"><span
									class="notNull">*</span>备注:</label>
								<div class="col-sm-10">
									<textarea id="description" name="description"
										class="form-control" rows="5"
										ng-model="paySupport.bind.comment"></textarea>
								</div>
							</div>
						</div>
					</div> -->
					<div class="row">
						<div class="col-md-10 form-horizontal" style="margin-left: -26px;">
							<div class="form-group">
								<div class="col-sm-10" style="text-align: right;">
									<button style="margin-right: 15px;" type="button"
										class="btn btn-default" ng-click="paySupport.add()"
										ng-disabled="payOrderForm.$invalid">添加</button>
								</div>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
							<div class="form-group"
								style="text-align: right; margin-left: 50px;">
								<ul style="text-align: center;">
									<li>
										<div class="row">
											<div class="col-md-2">支付人</div>
											<div class="col-md-2">支付方式</div>
											<div class="col-md-3">流水号</div>
											<div class="col-md-2">支付金额</div>
										</div>
									</li>
									<li ng-repeat="item in paySupport.entity.pays">
										<div class="row">
											<div class="col-md-2">{{ item.payUser }}</div>
											<div class="col-md-2">{{ item.paymentName }}</div>
											<div class="col-md-3">{{ item.platformNumber }}</div>
											<div class="col-md-2">{{ item.payMoney }}</div>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="row">
				<div class="col-md-12 form-horizontal" style="margin-left: -26px;">
					<div class="form-group">
						<label class="col-sm-2 control-label">支付方式:</label>
						<div class="col-sm-10 pay">
							<ul>
								<li ng-repeat="item in paySupport.cache.images">
									<div ng-if="item.type=='D_PAY_TYPE_WECHAT'">微信</div>
									<div ng-if="item.type=='D_PAY_TYPE_ALIPAY'">支付宝</div>
									<div ng-if="item.type=='D_PAY_TYPE_CARD'">银行卡</div>
									<!--<img ng-src="paySupport.cache.fileServer + item.qrCodePath" />-->
									<img ng-src="{{paySupport.cache.fileServer + item.qrCodePath}}" />
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>